<template>
  <div>
    <h3>显示个人信息</h3>
    <table class="table table-border">
      <tbody>
        <tr>
          <td align="right">id</td>
          <td>{{ abc.userInfo.id }}</td>
        </tr>
        <tr>
          <td align="right">姓名</td>
          <td>{{ abc.userInfo.userName }}</td>
        </tr>
        <tr>
          <td align="right">密码</td>
          <td>{{ abc.userInfo.userPwd }}</td>
        </tr>

        <input type="button" value="增加" class="btn btn-primary" @click="ok" />
      </tbody>
    </table>
  </div>
</template>

<script setup lang="ts">
import { useUserStore } from '@/stores/user';
const abc = useUserStore();
import axios from 'axios';
import { reactive, ref } from 'vue';

let info: any = reactive({
  userName: '老色鬼',
  userPwd: '123456',
});

let info1: any = ref({
  pageIndex: 1,
  pageSize: 2,
  houseTpyeName: '',
  area1: '',
  area2: '',
});

const ok = () => {
  // axios({
  //   url: '/api/Admins/AddAdmin',
  //   method: 'post',
  //   data: info,
  // })
  //   .then((res) => {
  //     console.log(res);
  //   })
  //   .catch((err) => {
  //     console.log(err);
  //   });
  // axios
  //   .post('/api/Admins/AddAdmin', info)
  //   .then((res) => {
  //     console.log(res);
  //   })
  //   .catch((err) => {
  //     console.log(err);
  //   });
  // axios({
  //   url: '/api/HouseTypes/GetHouseTypeList',
  //   method: 'get',
  //   params: info,
  // })
  //   .then((res) => {
  //     console.log(res);
  //   })
  //   .catch((err) => {
  //     console.log(err);
  //   });

  axios
    .get('/api/HouseTypes/GetHouseTypeList', {
      params: info1.value,
    })
    .then((res) => {
      console.log(res);
    })
    .catch((err) => {
      console.log(err);
    });
};
</script>

<style scoped></style>
